<template>
   <div class="pro_wrap">
      <div class="container_left">
         <profileLeft />
      </div>
      <div class="container_right">
         <profileRight />
      </div>
   </div>
</template>
<script setup>
  import profileLeft from './profileLeft.vue';
  import profileRight from './profileRight.vue';
</script>
<style lang="scss">
   .pro_wrap{
      display: flex;
      padding: 30px;
      box-sizing: border-box;
      .container_left{
         width: 400px;
          margin: 0 20px;
      }
      .container_right{
         flex: 1;
      }
   }
</style>